/*Contains global classes that are unchanging between templates*/

/*Containers*/
.header-type-relative .custom_template_top_filler {
    display: none;
}
.custom-template-section-padding-regular {
    padding: 30px;
    box-sizing: border-box;
}

.custom-template-section-padding-sides {
    padding: 0 30px 0 30px;
    box-sizing: border-box;
}

.custom-template-section-padding-sides-small {
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}

.custom-template-section {
    position: relative;
}

.custom-template-section-100 {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
}

.custom-template-section-50 {
    width: 50%;
    box-sizing: border-box;
}

.custom-template-section-inline {
    position: relative;
    display: inline-block;
}

.custom-template-width-100 {
    width: 100%;
}

.dropdown-section,
.simple-text-section,
.text-image-section,
.info-cards-section,
.fact-box-section,
.contact-form-section,
.textfact-section,
.people-section,
.item-collection-section,
.text-text-section,
.text-video-section,
.banner-link-button-section {
    box-sizing: border-box;
}

/*Graphics*/
.image-100-100 {
    max-width: 100%;
    max-height: 100%;
}

/*Text Content*/
.custom-template-text-100 {
    width: 100%;
    text-decoration: none;
}

/*Link buttons*/
.link-buttons-outer-wrap {
    position: relative;
    float: left;
    width: 100%;
}
.link-buttons-outer-wrap.link-buttons-center {
    text-align: center;
}
.link-buttons-inner-wrap {
    position: relative;
    float: left;
    width: 100%;
}
.link-button {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 15px 20px;
    border: solid 2px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 15px;
}
/*Link buttons - stack horizontally*/
.link-buttons-stack-horizontally.link-buttons-left .link-button {
    float: left;
    margin-right: 10px;
}
.link-buttons-stack-horizontally.link-buttons-center .link-buttons-inner-wrap {
    float: none;
    display: inline-block;
    width:auto;
}
.link-buttons-stack-horizontally.link-buttons-center .link-button {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.link-buttons-stack-horizontally.link-buttons-right .link-button {
    float: right;
    margin-left: 10px;
}
/*Link buttons - stack vertically*/
.link-buttons-stack-vertically .link-buttons-inner-wrap {
    display: flex;
    flex-wrap: wrap;
    width: min-content;
}
.link-buttons-stack-vertically .link-button{
    white-space: nowrap;
    flex-grow: 1;
}
.link-buttons-stack-vertically.link-buttons-center .link-buttons-inner-wrap {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.link-buttons-stack-vertically.link-buttons-right .link-buttons-inner-wrap {
    position: relative;
    float: right;
}

/*Alignments*/
@media only screen and (min-width: 1024px) {
    .link-button-desktop-alignment-left {
        float: left;
    }
    .link-button-desktop-alignment-center {
        display: inline-block;
    }
    .link-button-desktop-alignment-right {
        float: right;
        text-align: right;
    }
}
@media only screen and (max-width: 1023px) and (min-width: 501px) {
    .link-button-tablet-alignment-left {
        float: left;
    }
    .link-button-tablet-alignment-center {
        display: inline-block;
    }
    .link-button-tablet-alignment-right {
        float: right;
    }
}
@media only screen and (max-width: 500px) {
    .link-button-mobile-alignment-left {
        float: left;
    }
    .link-button-mobile-alignment-center {
        display: inline-block;
    }
    .link-button-mobile-alignment-right {
        float: right;
    }
}
@media only screen and (max-width: 300px) {
    .link-buttons-stack-vertically .link-buttons-inner-wrap {
        display: block;
        float: left;
        width: 100%;
    }
    .link-buttons-stack-vertically .link-button {
        white-space: initial;
        position: relative;
        clear: both;
    }
}